<!DOCTYPE html>
<html>
<head>
    <title>Test background-origin</title>
    <link rel="author" title="Jacky Xiao" href="mailto:foot3188@aliyun.com">
    <link rel="reviewer" title="" href="">
    <link rel="help" href="http://www.w3.org/TR/compositing-1/">
    <link rel="match" href="reference/rotateY-ref.html">
    <meta name="assert" content="The test passes if there is a green background and a black square.">
    <style type="text/css">
        .greenSquare {
			width:120px;
			height:120px;
			padding:10px;
            background-image:url(support/60x60-green.png);
			background-repeat:no-repeat;
			background-color:green;
			background-origin:content-box;
			background-blend-mode:difference;
        }
    </style>
</head>
<body>
    <p>The test passes if there is a green background and a black square.</p>
    <div class="greenSquare"></div>
    </div>
</body>
</html>
